@extends('base')
@section('style')
    <style>
        .pro_first dl:nth-child(3n -1) {
            margin: 40px 60px 0 60px;;
        }
    </style>
@stop
@section('content')
    <div class="pro_banner">
        <img src="image/probanner.jpg"/>
    </div>
    <div class="bg_wh overflow">
        <div class="pro_first pdtopbot60 overflow">
            <fieldset>
                <legend>
                    <img src="image/proimg1.png"/>
                </legend>
                <div class="pro_first_con">
                    <a href="javascript:;" data-type="0" class="display">
                        <p class="nowrap">令答门禁系列</p>
                        <span class="webkit3">新型现代化安全管理系统，集微机自动识别技术和现代安全管理措施为一体，涉及电子，机械，光学，计算机技术，通讯技术，生物技术。</span>
                    </a>
                </div>
            </fieldset>
            <fieldset class="mglr60">
                <legend>
                    <img src="image/proimg2.png"/>
                </legend>
                <div class="pro_first_con">
                    <a href="javascript:;" data-type="1" class="display">
                        <p class="nowrap">令答门控系列</p>
                        <span class="webkit3">基于PIC单片机的电动门控制器，他可实现远距离的用户编码遥控，形成定时，行程时间显示，遇阻自动返回等功能。</span>
                    </a>
                </div>
            </fieldset>
            <fieldset>
                <legend>
                    <img src="image/proimg3.png"/>
                </legend>
                <div class="pro_first_con">
                    <a href="javascript:;" data-type="2" class="display">
                        <p class="nowrap">平台软件</p>
                        <span class="webkit3">结合移动可视对讲、一键开门、开门拍照留影、智能安防联动等高科技手段，进一步实现智能化系统管理。</span>
                    </a>
                </div>
            </fieldset>
        </div>
        <div class="pro_first pdb60 overflow">
            @foreach($lists as $list)
                <?php $item = json_decode($list->content, true) ?>
                <dl class="pro_goods type_{{$list->kind}}">
                  <dt><img src="{{asset("/img/product-".$item['productpic'].'/340-230')}}"/></dt>
                    <dd class="nowrap">{{$list->name}}</dd>
                    <dd class="webkit2">{{$item['description']}} </dd>
                </dl>
            @endforeach
        </div>
    </div>
    <div class="bg_f6f7 overflow">
        <ul class="index_major">
            <li>专业<span>我们只做手机开门</span></li>
            <li class="borderlfdadc">安全<span>电子钥匙不可复制开门记录可查</span></li>
            <li class="borderlfdadc">无限制<span>APP用户数量不受限制成本低</span></li>
            <li class="borderlfdadc">免费<span>APP专属页面免费定制</span></li>
            <li class="borderlfdadc">开放<span>API接口开放提供技术支持</span></li>
        </ul>
    </div>
@stop
@section('js')
    <script>
        $(function () {
//            进来后默认是第一个
            setTimeout (function()
            {
                $('.pro_first').find('dl').slideUp(300);
                $('.type_0').slideDown(500);
            },400);

            $('.pro_first_con').find('.display').on('click',function(){
                __kind = $(this).data('type');
                $('.pro_first').find('dl').slideUp(300);
                setTimeout (function()
                {
                    $('.type_'+__kind).slideDown(500);
                },400)
            })
        })
    </script>
@stop